<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <div>
    <div style="background-color: chartreuse;width: 500px;height: 50px"><h1 style="text-align: center">这是我当前的标题</h1></div>
    <div style="background-color: darkorange;height: 250px;width: 100px;float: left;">
      <b style="font-size: 20px">语文成绩</b><br>
      <b style="font-size: 20px">语文成绩</b><br>
      <b style="font-size: 20px">数学成绩</b><br>
      <b style="font-size: 20px">英语成绩</b><br>
      <b style="font-size: 20px">政治成绩</b><br>
      <b style="font-size: 20px">历史成绩</b><br>
      <b style="font-size: 20px">地理成绩</b><br>
      <b style="font-size: 20px">物理成绩</b><br>
      <b style="font-size: 20px">化学成绩</b><br>
      <b style="font-size: 20px">生物成绩</b>
    </div>
    <div style="background-color: orange;height: 250px;width: 400px;float: left"></div>
    <div style="background-color: olivedrab;height: 30px;width: 500px;text-align: center;float: left">欢迎下次光临</div>
  </div>
</body>
</html>